<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/2/28
  Time: 10:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>招聘职位详情表</title>

    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico">
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap-theme.css">
    <script src="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/job_detail.css">


</head>
<body>
<!--=============头部===================-->
<div class="header">
    <div class="bar">
        <div class="in">
            <div class="uer">
                <%--======================登陆注册=====================--%>
                <c:if test="${empty loginCustomer}">
                    <p>
                        <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/</a>
                        <a href="${pageContext.request.contextPath}/customer/register.jsp">注册</a>
                    </p>
                </c:if>
                <%--==================用户栏====================--%>
                <c:if test="${!empty loginCustomer}">
                    <ul>
                        <li class=" tle">
                                <%--<a class="geren" href=""><img src="${pageContext.request.contextPath}/images/geren2.png"></a>--%>
                            <a class="uname" href="">
                                    ${loginCustomer.custTelno}
                            </a>
                        </li>
                        <li class="e7">
                            <a class="shouye" href=""><img src="${pageContext.request.contextPath}/images/shouye.png"></a>
                            <a href="">我的51job</a>
                        </li>
                        <li class="e1">
                            <a class="wendang" href=""><img src="${pageContext.request.contextPath}/images/wendang.png"></a>
                            <a href="${pageContext.request.contextPath}/resume/resumeCenter.jsp">简历中心</a>
                        </li>
                        <li class="e2">
                            <a class="yanjing" href=""><img src="${pageContext.request.contextPath}/images/yanjing.png"></a>
                            <a href="">谁看过我</a>
                        </li>
                        <li class="e4">
                            <a class="shizhong" href=""><img src="${pageContext.request.contextPath}/images/shizhong.png"></a>
                            <a href="">我的申请</a>
                        </li>
                        <li class="last">
                            <a class="tuichu" href=""><img src="${pageContext.request.contextPath}/images/tuichu.png"></a>
                            <a href="">退出账户</a>
                        </li>
                    </ul>
                </c:if>

            </div>
            <p class="rlk">
                <a href="" target="_blank">职场百科</a><span class="lb">&nbsp;</span>
                <a href="" target="_blank">职场文库</a><span class="lb">&nbsp;</span>
                <a href="" target="_blank">招聘信息</a><span class="lb">&nbsp;</span>
                <a href="" target="_blank">企业服务</a><span class="lb">&nbsp;</span>
            </p>
        </div>
    </div>

    <div class="nag">
        <div class="in">
            <a href="${pageContext.request.contextPath}/index/index2.html"><img src="${pageContext.request.contextPath}/images/logo_blue.png" class="logo"></a>
            <img src="${pageContext.request.contextPath}/images/slogen.png" class="slogen">
            <p class="nlink">
                <a href="${pageContext.request.contextPath}/index/index2.html">首页</a>
                <a class="on" href="job_list.html"
                   target="_blank">职位搜索</a>
                <a href="">地区频道</a>
                <a href="">职场咨询</a>
                <a href="">校园招聘</a>
                <a href="">无忧精英</a>
            </p>
        </div>
    </div>
</div>
<!--=========================中间======================================-->
<div class="all">
    <div class="tHeader tHjob">
        <div class="in">
            <div class="cn">
                <%--职位--%>
                <h1>${jobCompany.job.jobName}</h1>
                    <!--薪水-->
                <strong>
                    <span class="min_salary">${jobCompany.job.jobMinSalary}</span>
                    <span>-</span>
                    <span class="max_salary">${jobCompany.job.jobMaxSalary}</span>
                    <span>/月</span>
                </strong>
                    <!--公司信息-->
                <p class="cname">
                    <a href="" class="catn">${jobCompany.company.companyName}</a>
                    <a href="" class="i-house">查看所有职位</a>
                </p>
                    <!--此div里的元素后期应由js进行添加-->
                <div class="ltype">
                    <span>职位需求：&nbsp;&nbsp;</span>
                    <span>${jobCompany.job.jobCity}&nbsp;&nbsp;</span>
                    <span>${jobCompany.job.jobYear}经验&nbsp;&nbsp;</span>
                    <span>${jobCompany.job.jobDegree}&nbsp;&nbsp;</span>
                </div>
                    <!--公司福利-->
                    <!--此div里的元素也应由js进行添加-->
                <div class="jtag">
                    <div class="t1">
                        <span class="sp4">周末双休</span>
                        <span class="sp4">节日福利</span>
                        <span class="sp4">五险一金</span>
                        <span class="sp4">带薪年假</span>
                        <span class="sp4">专业培训</span>
                        <span class="sp4">绩效奖金</span>
                        <span class="sp4">上升空间大</span>
                        <span class="sp4">晋升机会多</span>
                        <span class="sp4">员工活动丰富</span>
                        <span class="sp4">弹性工作</span>
                    </div>
                </div>
            </div>
            <!--申请职位-->
            <div class="op">
                <%--<button data-toggle="modal" data-target="#login">--%>

                    <span class="but-sq" >
                        <img src="${pageContext.request.contextPath}/images/but_sq_arr.png"
                             width="19" height="24">
                        申请职位
                    </span>
                </button>
                <a href="" class="icon-b i-upline">
                    竞争力分析
                </a>
                <!--收藏-->
                <a href="" class="icon-b i-collect">
                    收藏
                </a>
            </div>
        </div>
    </div>

    <!--详细介绍部分-->
    <div class="tCompany-main">
        <div class="tBorderTop-box">
            <h2 class="zhiwei">
                <span class="bname">职位信息</span>
            </h2>
            <div class="bmsg job-msg inbox">
                <div>
                <p class="p-zhize">岗位职责:</p>
                <%--<ol>--%>
                    <%--<li>负责项目和产品的质量管理工作，对产品和项目过程和最终质量负责；</li>--%>
                    <%--<li>协助PM保证项目质量与进度 ，评估和安排测试工作，保障测试工作质量和进度，搭建和维护测试环境</li>--%>
                    <%--<li>与PM一起去拜访客户，管理和收集客户需求</li>--%>
                    <%--<li>参与需求评审和设计评审，提供优化意见，保证产品的可测试性。按照产品的功能及非功能需求，制定和设计有效的测试策略，拟定测试计划和方案</li>--%>
                    <%--<li>根据需求文档和设计文档编写测试用例，能从软件测试角度识别需求的不合理之处</li>--%>
                    <%--<li>项目开发过程监督。及时反馈项目过程中不符合公司关于项目管理制度和流程的标准，提前识别风险并提出合理的规避建议</li>--%>
                    <%--<li>跟踪并报告测试工作的进展，撰写测试报告，对测试遗漏的问题进行分析，并协助PM提升产品品质</li>--%>
                    <%--<li>参与web端，移动端的功能测试，自动化测试，性能测试，接口测试等</li>--%>
                    <%--<li>对用户反映的问题进行验证，并协助开发工程师给予用户合理的答复或解决方案</li>--%>
                <%--</ol>--%>

                    <p>${jobCompany.job.jobDuty}</p>
                </div>
                <div>
                <p class="p-yaoqiu">岗位要求:</p>

                    <p><p>${jobCompany.job.jobDemand}</p></p>
                </div>
                <div class="mt10">
                    <p class="fp">
                        <span class="label">职能类别：</span>
                        <a class="el tdn" href="">其他</a>
                    </p>
                    <p class="fp">
                        <span class="label">关键字:</span>

                        <a class="el tdn" href="">${jobCompany.job.jobSearchKeyword}</a>
                    </p>
                </div>
                <div class="share">
                    <a href="">微信分享</a>
                </div>
            </div>
        </div>
        <div class="tBorderTop-box">
            <h2 >
                <span class="bname">联系方式</span>
            </h2>
            <div class="bmsg inbox">
                <p class="fp address">
                    <span class="label">上班地址:</span>
                    <p>${jobCompany.job.jobAddrDetail}</p>
                </p>
                <a class="icon-b i-map" href="">地图</a>
            </div>
        </div>
        <div class="tBorderTop-box xinxi">
            <h2>
                <span class="bname">公司信息</span>
            </h2>
            <div class="tmsg inbox">


                    <p>${jobCompany.company.companyDesc}</p>


            </div>
        </div>
    </div>
    <!--===========================右边========================-->
    <div class="tCompany-sidebar">
        <div class="tBorderTop-box">
            <h2>
                <span class="bname">公司信息</span>
            </h2>
            <div class="com-msg">
                <a class="com-name himg" href="">
                    <img src="${pageContext.request.contextPath}/images/xiniuwangluo.png">
                    <p>${jobCompany.company.companyName}</p>
                </a>
            </div>
            <div class="com-tag">
                <p class="at">
                    <span class="i-flag"></span>
                    民营公司
                </p>
                <p class="at">
                    <span class="i-people"></span>
                    <p>${jobCompany.company.companyEmpCount}</p>
                </p>
                <p class="at">
                    <span class="i-trade"></span>
                    <a href="">计算机软件</a>
                    <a href="">互联网/电子商务</a>
                </p>
            </div>
            <a class="icon-b i-house" href="">
                <span class="icon-det"></span>
                查看所有职位
            </a>
        </div>
        <div class="tBorderTop-box ">
            <h2>
                <span class="bname">相似职位</span>
                <a class="op " href="">+更多</a>
            </h2>
            <div class="apBtn">
                <div class="chall">
                    <input class="check" type="checkbox">
                    <span>全选</span>
                </div>
                <div class="op">
                    <span class="but-sq" onclick="">
                        <i></i>
                        一键申请
                    </span>
                </div>
            </div>
            <div class="rjlist r3">
                <div class="e">
                    <a class="name" href="">软件测试工程师</a>
                    <a href="">苏州润霆电子科技有限公司</a>
                    <strong>0.5-1万/月</strong>
                    <span>苏州-工业园区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e">
                    <a class="name" href="">前端设计师</a>
                    <a href="">巨鲸网络科技有限公司</a>
                    <strong>0.6-0.9万/月</strong>
                    <span>苏州-昆山</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e">
                    <a class="name" href="">软件开发工程师</a>
                    <a href="">江苏星火有限公司</a>
                    <strong>0.6-1.2万/月</strong>
                    <span>苏州-姑苏区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e">
                    <a class="name" href="">软件测试工程师</a>
                    <a href="">苏州润霆电子科技有限公司</a>
                    <strong>0.5-1万/月</strong>
                    <span>苏州-工业园区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e">
                    <a class="name" href="">软件测试工程师</a>
                    <a href="">苏州润霆电子科技有限公司</a>
                    <strong>0.5-1万/月</strong>
                    <span>苏州-工业园区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e">
                    <a class="name" href="">软件测试工程师</a>
                    <a href="">苏州润霆电子科技有限公司</a>
                    <strong>0.5-1万/月</strong>
                    <span>苏州-工业园区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
                <div class="e last">
                    <a class="name" href="">软件测试工程师</a>
                    <a href="">苏州润霆电子科技有限公司</a>
                    <strong>0.5-1万/月</strong>
                    <span>苏州-工业园区</span>
                    <em class="apply">
                        <em class="mei"></em>
                    </em>
                </div>
            </div>
            <div class="apBtn second">
                <div class="chall">
                    <input class="check" type="checkbox">
                    <span>全选</span>
                </div>
                <div class="op">
                    <span class="but-sq" onclick="">
                        <i></i>
                        一键申请
                    </span>
                </div>
            </div>
            <a class="rjlist-more">更多相似职位</a>
        </div>
    </div>
</div>
<!--=========================申请模态框=================================-->
<div class="modal" id="login">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <span class="tishi"> 提示</span>
                <button class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-footer">
                <div class="toudi">
                    <span>
                        投递成功!<br>
                        <span class="xiaode">
                            报名【精英竞品汇】名企高薪Java高级开发工程师职位,<br>
                            专业猎头1V1为你服务！<a href="">点击进入</a>
                        </span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/job_detail.js" type="application/javascript"></script>
</body>
</html>
